<html>
<head>
  <title>Devcathlon: My Profile</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />
  <script type="text/javascript" src="expandCollapse.js"></script>
<script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  .style1 {
	color: #FF0000;
	font-weight: bold;
}
  .style2 {color: #FF0000}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div> 
</div> <!-- Ends id=header -->

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<div class="wrapper">
<br>
<h2>My Profile <a href="editProfile.html"><font size="-2">[Edit Profile]</font></a></h2> 
<p>
A page that displays a list of achievements from all previous matches.

</div> <!-- End class=wrapper -->

<br>
<div id="profile"><table width="1220" border="0" id="toprowtable">
  <tr>
    <td width="297" valign="top"><table width="278" border="1" bordercolor="93A7FF" bgcolor="#FFFFFF" class="card">
      <tr>
        <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong> John &quot;<em>if life gives u lemons, throw it back</em>&quot;</strong></td>
      </tr>
      <tr>
        <td width="59" rowspan="3" valign="middle" bordercolor="97A7FF" bgcolor="93A7FF"><br><img src="img.jpg" width="50" height="50" style="margin-left: 5px;"></td>
        <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF"><a href="levels.html">Level</a></td>
        <td width="76" bordercolor="97A7FF" bgcolor="93A7FF"><a href="levels.html">Chimp</a></td>
      </tr>
      <tr>
        <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF">Rank:</td>
        <td height="30" bordercolor="97A7FF" bgcolor="93A7FF">1</td>
      </tr>
      <tr>
        <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF">Profile Points:</td>
        <td height="30" bordercolor="97A7FF" bgcolor="93A7FF">45 pts</td>
      </tr>      
      <tr>
        <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong><a href="achievements.html">Most Recent Achievements</a></strong></td>
      </tr>
      <tr>
        <td width="59" bordercolor="97A7FF" bgcolor="93A7FF"><center>
          <a href="achievements.html"><img src="achvmvp.jpg" width="50" height="50"></a>
        </center></td>
        <td width="51" bordercolor="97A7FF" bgcolor="93A7FF"><center>
          <a href="achievements.html"><img src="achvbuild.jpg" width="50" height="50"></a>
        </center></td>
        <td width="64" bordercolor="97A7FF" bgcolor="93A7FF"><div align="center"><a href="achievements.html"><img src="achvfirstwin.jpg" width="50" height="50"></a></div></td>
        <td bordercolor="97A7FF" bgcolor="93A7FF">&nbsp;</td>
      </tr>
    </table></td>
    <td width="310" valign="top"><table width="300" border="1" id="matches">
      <tr>
        <th width="192"><strong>My Recent Matches</strong></th>
        <th width="92"><div align="right"><strong>Scoreboard</strong></div></th>
      </tr>
      <tr>
        <td width="192"><a href="matchdetails_1.html"><strong>Match1</strong></a><br>
          Mockup4 vs Mockup5 vs Mockup6</td>
        <td><div align="right">200 : 100 : 150 Final</div></td>
      </tr>
      <tr>
        <td><a href="matchdetails_2.html"><strong>Match2</strong></a><br>
          Mockup1 vs Mockup2 vs Mockup3</td>
        <td><div align="right">30 : 100 : 110 Final</div></td>
      </tr>
      <tr>
        <td colspan="2"><a href="mymatches.html"><strong>All Matches</strong></a></td>
      </tr>
    </table></td>
    <td width="310" valign="top"><table width="303" border="1" id="matches">
      <tr>
        <th colspan="2"><strong>My Friends</strong></th>
        <th width="82"><strong>Profile Pts.</strong></th>
      </tr>
      <tr>
        <td width="51" height="50"><center>
          <a href="philprofile.html"><img src="phillip.jpg"></a>
        </center></td>
        <td width="148"><a href="philprofile.html">Phillip L.</a></td>
        <td>100000 pts</td>
      </tr>
      <tr>
        <td weight="50" height="50"><center>
          <img src="johnz.jpg">
        </center></td>
        <td width="148">John Z.</td>
        <td>80 pts</td>
      </tr>
    </table></td>
    <td width="285" valign="top"><p><strong><a href="inbox.html">Inbox</a></strong> </p>
      <ul>
        <ul>
          <li><a href="inboxprivate.html">Private Messages</a> <span class="style1">-- 1 NEW!</span></li>
          <li><a href="inboxteam.html">Team Messages</a><span class="style1"> -- 1 NEW!</span></li>
          <li><a href="inboxpublicnews.html">Public Announcemens</a></li>
          </ul>
        <p>&nbsp;</p>
      </ul>
      <p><strong>Actions</strong></p>
      <blockquote>
        <ul>
          <li><a href="createTeam.html">Create a Team</a></li>
          <li><a href="creatematch.html">Create a Match</a></li>
          <li><a href="createselfevent.html">Create a Self-Report Event </a></li>
          <li><a href="mypendingrequests.html">Review a <br> 
            Self-Report Event</a> <span class="style1">-- 1 NEW</span><span class="style2">!</span></li>
        </ul>
      </blockquote>
    </td>
  </tr>
  
</table>

<table width="720" border="0">
  <tr>
    <th width="345">My Teams</th>
    <th width="130">Project Name</th>
    <th width="111">Actions</th>
  </tr>
  <tr>
    <td><strong>Mockup2</strong><a onClick="return toggleMe('mockup2')"> [Show/Hide]</a>
      <div id="mockup2" style="margin-left: 10px; display: none;">
    <br>
      Members
      <img src="img.jpg" style="margin-left: 10px;"> <strong>John L.</strong>
      <img src="phillip.jpg" style="margin-left: 5px;"> <strong>Phillip L. </strong>
      <img src="johnz.jpg" style="margin-left: 5px;"> <strong>John Z. </strong>
    </div>
    </td>
    <td>Devcathlon 1st Mockup</td>
    <td>[Edit]</td>
  </tr>
  <tr>
    <td><strong>Mockup4</strong><a onClick="return toggleMe('mockup4')"> [Show/Hide]</a>
    <div id="mockup4" style="margin-left: 10px; display: none;">
    <br>
      Members
      <img src="img.jpg" style="margin-left: 10px;"> <strong>John L.</strong>
      <img src="johnz.jpg" style="margin-left: 5px;"> <strong>Robin </strong>
      <img src="johnz.jpg" style="margin-left: 5px;"> <strong>Anthony. </strong>
    </div>
    <td>Devcathlon 2nd Mockup</td>
    <td>[Edit]</td>
  </tr>
</table>
<br>
<table width="600" border="0">
  <tr>
    <th colspan="2" align="center" valign="middle"><div align="left"><strong>Comments</strong></div></th>
    </tr>
  <tr>
    <td width="92" height="50" align="center" valign="middle"><div align="center">
      <p><img src="johnz.jpg" width="50" height="50"><br>
        Robin<br>1/29/2009</p>
      </div></td>
    <td width="498"><div align="left">You need more friends, man. </div></td>
  </tr>
  <tr>
    <td height="50" align="center" valign="middle"><div align="center">
      <p><img src="phillip.jpg" width="50" height="50"><br>
        Phillip<br>1/30/2009</p>
      </div></td>
    <td>Yo, stop doing ICS and we go party! </td>
  </tr>
  <tr>
    <td height="50" align="center" valign="middle"><div align="center"><img src="phillip.jpg" width="50" height="50"><br>
      Phillip<br>2/1/2009</div></td>
    <td>Superbowl baby!</td>
  </tr>
  <tr>
    <td height="246" align="center" valign="middle"><div align="center"></div></td>
    <td><form name="form1" method="post" action="">
      <label>
      <div align="center">Post a Comment<br>
        <textarea name="comment" cols="50" rows="8" id="comment"></textarea>
        <br>
        <input type="submit" name="Post" id="Post" value="Post My Comment">
      </div>
      </label>
    </form>    </td>
  </tr>
</table>
<br>
<br>
<div id="para1" style="display:none">
Yes, all the scripts on this site are free for personal or business use. The only requirement for using them is that you leave the credit information inside the script.
</div>
<br>
</div>
<!-- Ends id=profile -->
<div id="entry">
</div> <!-- Ends id=entry -->

<div id="footerFeedback">
<p>
Once a match is over, most of the stats are just thrown away.  We felt it was a waste to let past 
efforts fade into the past.</p>
<p>Under My Profile, we discussed extra acheivements that will forever 
  be seen within their profile.  The idea is really a programmer's version of Microsoft's Gamer Card <a href="http://www.xbox.com/en-US/MyXbox/embedgamercard.htm">[link]</a>.  These 
  achievements can be taken as a plateau/breakthrough marker as a software developer.  Example of an 
  achievement would be: A project has reached 100% coverage (min. 1500 lines).     
  
  It is surprisingly fun and competitive trying to complete all the achievements.  In addition to 
  challenging oneself to complete the list, users can also compare their achievements with others in 
  the community thus competing against others individually. </p>
<p>
This can be an additional section under the hall of fame.
</p>

</div>
</div> <!-- End id=page -->

</body>
</html>
